<template>
	<div class="container">
		<h2>门店数据汇总</h2>
		<div class="stores">
			<div class="img">
				<img src="https://z3.ax1x.com/2021/05/13/g05rIs.png" alt="" />
			</div>
			<div class="total">
				<p>今日销售总额</p>
				<p>人民币:68978.00</p>
			</div>
		</div>
		<div class="stores">
			<div class="img" style="background:#FF69b4">
				<img src="https://z3.ax1x.com/2021/05/13/g05gzV.png" alt="" />
			</div>
			<div class="total">
				<p>今日毛利总额</p>
				<p>人民币:23168.00</p>
			</div>
		</div>
		<div class="stores">
			<div class="img" style="background:#FF7F50">
				<img src="https://z3.ax1x.com/2021/05/13/g05cR0.png" alt="" />
			</div>
			<div class="total">
				<p>今日销售订单</p>
				<p>数量:579</p>
			</div>
		</div>
		<div class="stores">
			<div class="img" style="background:#DF6F46">
				<img src="https://z3.ax1x.com/2021/05/13/g056Gq.png" alt="" />
			</div>
			<div class="total">
				<p>今日购买用户</p>
				<p>数量:568</p>
			</div>
		</div>
		<div class="stores">
			<div class="img" style="background:#DA70D6">
				<img src="https://z3.ax1x.com/2021/05/13/g05yin.png" alt="" />
			</div>
			<div class="total">
				<p>今日开卡会员</p>
				<p>数量:16</p>
			</div>
		</div>
		<div class="stores">
			<div class="img" style="background:#6495ED">
				<img src="https://z3.ax1x.com/2021/05/13/g0IVeg.png" alt="" />
			</div>
			<div class="total">
				<p>门店入驻品牌</p>
				<p>数量:168</p>
			</div>
		</div>
		<div class="stores">
			<div class="img" style="background:#87CEFA">
				<img src="https://z3.ax1x.com/2021/05/13/g0IAOS.png" alt="" />
			</div>
			<div class="total">
				<p>门店商品类别</p>
				<p>数量:238</p>
			</div>
		</div>
		<div class="stores">
			<div class="img" style="background:#4F9BD1">
				<img src="https://z3.ax1x.com/2021/05/13/g0IFQf.png" alt="" />
			</div>
			<div class="total">
				<p>门店商品档案</p>
				<p>数量:799</p>
			</div>
		</div>
		<div class="stores">
			<div class="img" style="background:#2EC7C9">
				<img src="https://z3.ax1x.com/2021/05/13/g0Iky8.png" alt="" />
			</div>
			<div class="total">
				<p>门店商品库存</p>
				<p>数量:12355</p>
			</div>
		</div>
		<div class="stores">
			<div class="img" style="background:#0066FF">
				<img src="https://z3.ax1x.com/2021/05/13/g0IiSP.png" alt="" />
			</div>
			<div class="total">
				<p>门店开卡会员</p>
				<p>数量:8238</p>
			</div>
		</div>
	</div>
</template>

<script>
export default {}
</script>

<style lang="scss" scoped>
.container {
	h2 {
		line-height: 45px;
		padding-left: 10px;
		box-sizing: border-box;
		font-size: 13px;
		color: #333;
		margin: 0;
		font-weight: 700;
		font-style: "微软雅黑";
	}
	.stores {
		width: 162px;
		float: left;
		margin-left: 40px;
		display: flex;
		margin-top: 25px;
		.img {
			width: 50px;
			height: 40px;
			background-color: #ff0033;
			border-radius: 50%;
			padding-top: 10px;
			text-align: center;
		}
		.total {
			margin-top: -8px;
			margin-left: 20px;
			p {
				font-size: 12px;
				color: #333;
			}
		}
	}
}
</style>
